<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="base.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>管理员首页</title>
		<script src="static/js/common-css.js"></script>
		<script type="text/javascript" src="static/js/common-js.js"></script>
		<style type="text/css">
			.content-top {}

			.content-left {
				position: absolute;
				min-height: 93.6%;
				height: auto;
				float: left;
				width: 10%;
				background: #e4e8dc;
				padding-top: 12px;
				border-top: 1px solid rgba(0, 0, 0, .125);
			}

			.content-left .list-group-item {
				text-align: center;
				padding-left: 10px;
				background: #f6fceb;
				color: black;
			}

			.content-right {
				float: right;
				width: 90%;
				background: #f8f8f8;
				padding: 15px 15px 0px 15px;
				overflow: auto;
			}
			
			.body-desc {
				color: red;
				font-size: 12px;
				margin-left: 10px;
				line-height: 24px;
			}
		</style>
	</head>
	<body>
		<div style="width: 100%;">
			<!-- 头部栏 -->
			<div class="content-top">
				<jsp:include page="adminTop.jsp" />
			</div>

			<!-- 菜单栏 -->
			<div class="content-left">
				<div class="list-group">
					<a href="#" url="userAdminInfo" class="list-group-item">用户登记信息</a>
					<a href="#" url="noRegisInfo" class="list-group-item">未登记信息</a>
					<a href="#" url="userMana" class="list-group-item">用户管理</a>
					<a href="#" url="updatePassword" class="list-group-item">修改密码</a>
				</div>
			</div>

			<!-- 内容栏 -->
			<div class="content-right">
				<div class="breadcrumbs" id="breadcrumbs">
					<!-- 面包屑导航 -->
					<ul class="breadcrumb">
						<li>
							<a href="adminHome">Home</a>
						</li>
						<li class="active">/个人信息</li>
					</ul>
				</div>
				<!-- 内容展示页 -->
				<div>
					<iframe id="iframe-page-content" src="userInfo" width="100%" frameborder="no" border="0" marginwidth="0"
					 marginheight=" 0" allowtransparency="yes" scrolling="auto" onload="changeFrameHeight(this)"></iframe>
				</div>
			</div>
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title" id="myModalLabel">
							用户信息详情
						</h4>
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<input type="hidden" id="model_in" />
					</div>
					<div class="modal-body">
						<div class="form-group">
							<span>ID</span><span class="body-desc" id="id1"></span> <input id="id"  class="input-material" type="text"
							 name="id" placeholder="">
						</div>
						<div class="form-group">
							<span>姓名</span><span class="body-desc" id="nickName1"></span> <input id="nickName"  class="input-material" type="text"
							 name="nickName" placeholder="">
						</div>
						<div class="form-group">
							<span>账号</span><span class="body-desc" id="userName1"></span> <input id="userName"  class="input-material" type="text"
							 name="userName" placeholder="">
						</div>
						<div class="form-group">
							<span>邮箱</span><span class="body-desc" id="email1"></span> <input id="email"  class="input-material" type="text"
							  name="email" placeholder="">
						</div>
						<div class="form-group">
							<span>学院</span> <input id="colloge"  class="input-material" type="text"
							 name="colloge" placeholder="">
						</div>
					</div>
					<div class="modal-footer">
						<span class="body-desc" id="body-blog-pressure" style="position: absolute; left: 0px; margin-left: 20px;"></span>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>

		<script type="text/javascript">
			$(function() {
				var height = document.documentElement.clientHeight;
				document.getElementsByName("content-right").style.height = height + 'px';
			});
			// 菜单按钮样式
			var oldBackground;
			$(".list-group-item").on('click', function() {
				$(this).css('background', '#f6fceb').siblings().css('background', '#f6fceb');
				oldBackground = $(this).css("background");
				$("#iframe-page-content").attr('src', $(this).attr("url"));
				$(".active").text('/' + $(this).text());
			});
			$(".list-group-item").hover(function() {
				oldBackground = $(this).css("background");
				$(this).css('background', '#add3f7');
			}, function() {
				$(this).css('background', oldBackground);
			});
			// 用户信息按钮
			function ifram_info(e) {
				$(".active").text('/个人信息');
				$("#iframe-page-content").attr('src', e);
				$(".list-group-item").css('background', '#f6fceb');
			}
			// 自适应页面高度iframe
			function changeFrameHeight(that) {
				//电脑屏幕高度-iframe上面其他组件的高度
				$(that).height(document.documentElement.clientHeight - 146);
			}
		</script>
	</body>
</html>